<script setup>
    import { reactive } from 'vue'

    const goods=reactive({
      name:'',
      price:''
    })
</script>

<template>
  <!-- .lazy修饰符 -->
   名称：<input type="text" v-model.lazy="goods.name"><br><br>

   <!-- .trim修饰符 -->
    名称:<input type="text" v-model.trim="goods.name"><br><br>

    <!-- .number修饰符 -->
    价格:<input type="text" v-model.number="goods.price"><br>
</template>


<style scoped>

</style>